<template>
  <div style="display: flex">
    <div :class="`home_page ${userStore.isLoggedIn ? 'count_true' : ''}  ${graybg?'gray':''}`">
      <NuxtPage></NuxtPage>
      <Footer />
    </div>
    <div :class="`Chatbox ${userStore.isLoggedIn ? 'Chatbox_show' : ''}`">
      <Chatbox v-if="userStore.isLoggedIn" />
    </div>
  </div>
</template>
<script setup>
const route = useRoute();
const state = useState("global_userInfo", () =>
  shallowRef({ permission: [102] })
);
const graybg=route.path=='/member'||route.path=='/member/profile';
const userStore = useUserStore();
</script>